<!--
 * @Author: geyulan 18500325526@163.com
 * @Date: 2020-04-26 10:56:12
 * @LastEditors: geyulan 18500325526@163.com
 * @LastEditTime: 2023-12-14 11:00:35
 * @FilePath: /pointsMall/src/plugins/loading/pageLoading.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="page-loading" @scroll.prevent>
    <div class="page-loading-content" ref="pageLoading"></div>
  </div>
</template>
<script>
import lottie from 'lottie-web'
export default {
  name: 'page-loading',
  mounted () {
    lottie.loadAnimation({
      container: this.$refs.pageLoading,
      renderer: 'svg',
      loop: true,
      autoplay: true,
      path: '' // 动画json的路径
    })
  }
}
</script>
<style scoped>
  .page-loading {
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page-loading-content{
    height: 133px;
  }
</style>
